<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="../../ext-4.0/resources/css/ext-all.css" />
<script type="text/javascript" src="../../ext-4.0/bootstrap.js"></script>
<script type="text/javascript" src="../../ext-4.0/locale/ext-lang-zh_CN.js"></script>
<style type="text/css">
.special-css{
	font-size:11pt;
	color:#CC0000;
	padding:5px;

}
td{
	font-size:11pt;
	color:black;
	padding:5px;

}
.click-css{
	font-size:11pt;
	color:green;
	padding:5px;

}
.focus-css{
	font-size:11pt;
	color:yellow;
	padding:5px;

}
.mouseover-css{
	font-size:11pt;
	color:blue;
	padding:5px;

}
</style>
<script language="javascript">
Ext.onReady(function(){
	Ext.Msg.alert("提示","内容加载完毕，onReady后的调用!");
});
//这是最普遍的调用方式，当html加载完毕后将自动调用Ext.onRendy函数体进行处理。
</script>
</head>
<body>
	<table border="0" cellspacing="1" cellpadding="3" align="center" width="260" height="160" bgcolor="#3399CC">
		<tr>
			<td bgcolor="#F3FAF9" height="22">onReady的调用示例</td>
		</tr>
		<tr>
			<td bgcolor="#FBFFFF">
				<div id="the-id">　　内容主体部分，我将首先加载</div>
			</td>
		</tr>
	</table>
</body>
</html>
